<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课-问答</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="js/style.js"></script>
</head>
<body>
    <div class="g-header">
        <div class="m-header">
            <div class="logo">
                <a href="#"><img src="img/logo.png" alt=""></a>
            </div>
            <div class="nav">
                <a href="detail.html">课程</a>
                <a href="">问答</a>
                <a href="">我的课程</a>
            </div>
            <div class="sch">
                <input type="text" class="search" value="搜索课程、问答">
                <i class="iconfont">&#xe613;</i>
            </div>
            <ul class="user-info">
                <li><a class="message iconfont" href="">&#xe614;</a></li>
                <li><a class="exp" href="">经验<br>70</a></li>
                <li><a class="head" href=""></a></li>
            </ul>
        </div>
    </div>
    <div class="g-mian">
        <div class="m-mian clearfix">
            <div class="m-item">
                <ul>
                    <li class="on"><a class="cur" href="">全部答案</a></li>
                    <li><a href="">课程问答</a></li>
                    <li><a href="">技术问答</a></li>
                    <li><a href="">技术分享</a></li>
                    <li><a href="">活动建议</a></li>
                    <li><a class="me" href="">我的</a></li>
                    <li><a href="">提问</a></li>
                    <li><a href="">回复</a></li>
                    <li><a href="">关注</a></li>
                </ul>
            </div>
            <div class="m-con">
                <ul class="m-con-nva clearfix">
                    <li class="on"><a href="">最新</a></li>
                    <li><a href="">热门</a></li>
                    <li><a href="">等待回复</a></li>
                    <li class="zhd"><a href=""><i class="iconfont">&#xe615;</i>问答定制</a></li> 
                </ul>
                <div class="m-con-itme">
                    <div class="con-list clearfix">
                        <div class="con-head">
                            <a class="head" href=""></a>
                            <a class="nickname" href="">奋斗在路上</a>
                        </div>
                        <div class="con-info">
                            <h2><b></b><span class="iconfont ding">&#xe616;</span>【JAVA中国20周年有奖征文】轻松分享赢大奖！</h2>
                            <div class="reply"><i class="iconfont msg">&#xe617;</i>[最赞回答]<s class="s"></s><a class="tag">奋斗在路上：</a>活动从5月4日开始算起哦 
                            </div>
                            <p><em class="time">提问时间：2015-04-30</em><span class="list-tag"><a href="">php</a><a href="">java</a><a href="">html/css</a> </span>  </p>
                            <div class="bornumber">
                                <div class="answer">
                                    <div class="number">19</div>
                                    <div class="txt">回答</div>
                                </div>
                                <div class="look">
                                    <div class="number">11927</div>
                                    <div class="txt">浏览</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="m-side">
                <div class="side-tt">
                    <a href=""><i></i>发现新问题</a>
                </div>
                <div class="list-tag clearfix">
                    <a href="">PHP</a>
                    <a href="">JAVA</a>
                    <a href="">Html/CSS</a>
                    <a href="">Maya</a>
                    <a href="">MongDB</a>
                    <a href="">Premiere</a>
                    <a href="">Photoshop</a>
                    <a href="">Mysql</a>
                    <a href="">Android</a>
                </div>
                <div class="side-itme">
                    <div class="order-tt">
                        一周热门问题
                    </div>
                    <div class="side-list">
                        <ul>
                            <li><em></em><a href="">为什么慕课网不收钱？</a><span>5<br>回答</span></li>
                            <li><em></em><a href="">为什么慕课网不收钱？<br>为什么慕课网不收钱</a><span>5<br>回答</span></li>
                            <li><em></em><a href="">为什么慕课网不收钱？</a><span>5<br>回答</span></li>
                            <li><em></em><a href="">为什么慕课网不收钱？<br>为什么慕课网不收钱</a><span>5<br>回答</span></li>
                            <li class="last"><em></em><a href="">为什么慕课网不收钱？<br>为什么慕课网不收钱</a><span>5<br>回答</span></li>
                        </ul>
                    </div>
                </div>
                <div class="side-itme">
                    <div class="order-tt">
                       <p>一周回答雷锋榜</p> 
                       <a class="more" href="">更多</a>
                    </div>
                    
                    <div class="panel">
                        <ul>
                            <li>
                            <a class="hd" href=""></a>
                            <a class="rankname" href="">偌艳宁</a>
                            <b class="archieve">我牛X咋都知道</b>
                            <span>5<br>回答</span></li>
                            <li>
                            <a class="hd" href=""></a>
                            <a class="rankname" href="">偌艳宁</a>
                            <b class="archieve">我牛X咋都知道</b>
                            <span>5<br>回答</span></li>
                            <li>
                            <a class="hd" href=""></a>
                            <a class="rankname" href="">偌艳宁</a>
                            <b class="archieve">我牛X咋都知道</b>
                            <span>5<br>回答</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-footer">
        <div class="m-footer clearfix">
            <div class="footer-info ">
                <a class="footer-logo" ></a>
                <p>我们的使命：传播互联网最前沿的技术，帮更多的人实现梦想！</p>
                <p>Copyright © 2015 imooc.con All Rights Reserved|京ICP备13046642号-2</p>
            </div>    
            <div class="footer-link ">
                <a href="">网站首页</a>
                <a href="">人才招聘</a>
                <a href="">联系我们</a>
                <a href="">高校联盟</a>
                <a href="">关于我们</a>
                <a href="">讲师招募</a>
                <a href="">意见反馈</a>
                <a href="">友情链接</a>
            </div>
            <div id="foot" class="footer-icon">
            <span id="weixin-box" class="weixin-box"></span>
                <a  class="weixin" href=""></a>
                <a class="weibo" href=""></a>
                <a class="qzone" href=""></a>
            </div>
        </div>
    </div>
    <!-- <script type="text/javascript">
        window.onload=function(){
        var Ofoot=document.getElementById('foot');
        var OWX=Ofoot.getElementsByTagName('a')[0];
        var box=document.getElementById('weixin-box');
        OWX.onmouseover=function(){
            box.style.display='block';
        }
       OWX.onmouseout=function(){
            box.style.display='none';

        } 
    }   
    </script> -->
</body>
</html>